import React, { FC, memo } from 'react'
import ThemeMenu from '../themeMenu'
import './style.less'
interface IProps {
  title?: string
  path?: string
  hasMore?: boolean
  content?: string[]
  children?: React.ReactNode
}
const ThemeCard: FC<IProps> = (props) => {
  const {
    title = '',
    path = '',
    hasMore = false,
    content = [],
    children,
  } = props
  return (
    <div className="theme-card">
      <ThemeMenu
        title={title}
        path={path}
        hasMore={hasMore}
        content={content}
      />
      {children}
    </div>
  )
}

export default memo(ThemeCard)
